<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="layouts::header"></head>
<head>
    <!-- 必要的标签 -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <link crossorigin="anonymous" integrity="sha512-6KY5s6UI5J7SVYuZB4S/CZMyPylqyyNZco376NM2Z8Sb8OxEdp02e1jkKk/wZxIEmjQ6DRCEBhni+gpr9c4tvA==" href="https://lib.baomitu.com/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet">

</head>
<body>
<nav th:replace="layouts::navbar"></nav>
<div>
    <div class="articles" th:each="aArticle : ${articles}">
    <div class="name" th:text="${aArticle.name}">标题</div>
    <div class="time" th:text="${aArticle.time}">时间</div>
    <div class="content" th:text="${aArticle.content}">内容</div>
    </div>


    <h4>留言</h4>
    <div class="comment" th:each="aComment : ${comments}">
        <div class="commentcontent" th:text="${aComment.commentcontent}">内容</div>
        <div class="contact" th:text="${aComment.contact}">联系方式</div>

    </div>

</div>
<div class="side1">
    <div th:each="aArticle : ${articles}">
    <div class="side" th:text="${aArticle.side}">侧边</div>
</div></div>
</body>
</html>